
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="style/favicon.ico"/>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<link href="style/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/gatling.js"></script>
<script src="js/menu.js"></script>
<script src="js/ellipsis.js"></script>
<script src="js/all_sessions.js"></script>
<script src="js/stats.js"></script>
<script src="js/highstock.js"></script>
<script src="js/highcharts-more.js"></script>
<script src="js/theme.js"></script>
<script src="js/unpack.js"></script>
<title>Gatling Stats - busca inválida</title>
</head>
<body>
<div class="app-container">
<div class="frise"></div>
<div class="head">
  <div class="gatling-open-source">
    <a class="gatling-logo" href="https://gatling.io" target="blank_" title="Gatling Home Page"><img alt="Gatling" src="style/logo.svg"/></a>
    <a class="gatling-documentation" href="https://gatling.io/docs/" target="_blank">Documentation</a>
  </div>
  <a class="enterprise" href="https://gatling.io/enterprise/next-step/" target="_blank">Try <img alt="Gatling Enterprise" src="style/logo-enterprise.svg"/></a></div>
<div class="container details">
  <div class="nav">
    <ul></ul>
  </div>
    <div class="cadre">
      <div class="content">
        <div class="content-header">
          <div class="onglet">
            RinhaBackendSimulation
          </div>
          <div class="sous-menu" id="sousMenu">
            <div class="sous-menu-spacer">
              <div class="item "><a href="index.html">Global</a></div>
                <div class="item ouvert"><a id="details_link" href="#">Details</a></div>
              </div>
            </div>
          </div>
          <div class="content-in">
            <div class="container-article">
            <div class="article">
              
              
<div class="schema-container">

            <div id="ranges" class="schema ranges-large">
            </div>

                        <div class="infos">
                            <div class="infos-in">
	                        <div class="infos-title">Stats</div>
                                <div class="repli"></div>                               
                                <div class="info">
                                    <h2 class="first">Executions</h2>
                                    <table>
                                        <thead>
                                            <tr><th></th><th>Total</th><th>OK</th><th>KO</th></tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Total count</td>
                                                <td id="numberOfRequests" class="total"></td>
                                                <td id="numberOfRequestsOK" class="ok"></td>
                                                <td id="numberOfRequestsKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean count/s</abbr></td>
                                                <td id="meanNumberOfRequestsPerSecond" class="total"></td>
                                                <td id="meanNumberOfRequestsPerSecondOK" class="ok"></td>
                                                <td id="meanNumberOfRequestsPerSecondKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <h2 class="second">Response Time (ms)</h2>
                                    <table>
                                        <thead>
                                            <tr>
                                                <th></th>
                                                <th>Total</th>
                                                <th>OK</th>
                                                <th>KO</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Min</td>
                                                <td id="minResponseTime" class="total"></td>
                                                <td id="minResponseTimeOK" class="ok"></td>
                                                <td id="minResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">50th percentile</td>
                                                <td id="percentiles1" class="total"></td>
                                                <td id="percentiles1OK" class="ok"></td>
                                                <td id="percentiles1KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">75th percentile</td>
                                                <td id="percentiles2" class="total"></td>
                                                <td id="percentiles2OK" class="ok"></td>
                                                <td id="percentiles2KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">95th percentile</td>
                                                <td id="percentiles3" class="total"></td>
                                                <td id="percentiles3OK" class="ok"></td>
                                                <td id="percentiles3KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">99th percentile</td>
                                                <td id="percentiles4" class="total"></td>
                                                <td id="percentiles4OK" class="ok"></td>
                                                <td id="percentiles4KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Max</td>
                                                <td id="maxResponseTime" class="total"></td>
                                                <td id="maxResponseTimeOK" class="ok"></td>
                                                <td id="maxResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean</td>
                                                <td id="meanResponseTime" class="total"></td>
                                                <td id="meanResponseTimeOK" class="ok"></td>
                                                <td id="meanResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Standard Deviation</td>
                                                <td id="standardDeviation" class="total"></td>
                                                <td id="standardDeviationOK" class="ok"></td>
                                                <td id="standardDeviationKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

</div>
<div class="statistics extensible-geant collapsed">
    <div class="title">
        Errors
    </div>
    <table id="container_errors" class="statistics-in extensible-geant">
        <thead>
            <tr>
                <th id="error-col-1" class="header sortable"><span>Error</span></th>
                <th id="error-col-2" class="header sortable"><span>Count</span></th>
                <th id="error-col-3" class="header sortable"><span>Percentage</span></th>
            </tr>
        </thead>
		<tbody>
		    
		    <tr>
		    	<td class="error-col-1 total ko">j.n.ConnectException: finishConnect(..) failed: Connection refused<span class="value" style="display:none">0</span></td>
		    	<td class="value error-col-2 total ko">4190</td>
		    	<td class="value error-col-3 total ko">100 %</td>
		    </tr>
		</tbody>
    </table>
</div>

            <div class="schema geant">
              <div id="responsetimeDistributionContainer" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimepercentilesovertimeokPercentilesContainer" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="requests" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="responses" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="container_response_time_dispersion" class="geant"></div>
            </div>

            </div>
          </div>
        </div>
      </div>
    </div>
</div>
<script>
    var pageStats = stats.contents['req_busca-inva-lida-b5618'].stats;
    $(document).ready(function() {
        $('.simulation-tooltip').popover({trigger:'hover', placement:'left'});
        setDetailsLinkUrl();
        setDetailsMenu();
        setActiveMenu();
        fillStats(pageStats);
        
Highcharts.setOptions({
  global: { useUTC: false }
});

var rangesChart = new Highcharts.Chart({
  chart: {
    renderTo: 'ranges',
    marginRight: 100
  },
  credits: { enabled: false },
  legend: { enabled: false },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  xAxis: {
    categories: [
      pageStats.group1.htmlName,
      pageStats.group2.htmlName,
      pageStats.group3.htmlName,
      pageStats.group4.htmlName
    ]
  },
  yAxis: {
    title: { text: 'Number of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      var s;
      if (this.point.name) { // the pie chart
        s = ''+ this.point.name +': '+ this.y +'% requests';
      } else {
        s = ''+ this.y + ' requests';
      }
      return s;
    }
  },
  plotOptions: {
    series: {
      stacking: 'normal',
      shadow: true
    }
  },
  series: [
    {
      type: 'column',
      data: [{
      	color: '#68b65c',
      	y: pageStats.group1.count
      },
      {
      	color: '#FFDD00',
      	y: pageStats.group2.count
      },
      {
      	color: '#FFA900',
      	y: pageStats.group3.count
      },
      {
      	color: '#f15b4f',
      	y: pageStats.group4.count
      }]
    },
    {
      type: 'pie',
      name: 'Percentages',
      data: [
        {
          name: pageStats.group1.name,
          y: pageStats.group1.percentage,
          color: '#68b65c'
        },
        {
          name: pageStats.group2.name,
          y: pageStats.group2.percentage,
          color: '#FFDD00'
        },
        {
          name: pageStats.group3.name,
          y: pageStats.group3.percentage,
          color: '#FFA900'
        },
        {
          name: pageStats.group4.name,
          y: pageStats.group4.percentage,
          color: '#f15b4f'
        }
      ],
      center: [368, 0],
      size: 90,
      showInLegend: false,
      dataLabels: { enabled: false }
    }
  ]
});

rangesChart.setTitle({
  text: '<span class="chart_title">Response Time Ranges</span>',
  useHTML: true
});

	    $('#container_errors').sortable('#container_errors');
    
var responsetimeDistributionChart = new Highcharts.Chart({
  chart: {
    renderTo: 'responsetimeDistributionContainer',
    type: 'column',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: 5,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  xAxis: {
    categories: ['0', '1', '2', '3', '4'],
    tickInterval: 20
  },
  yAxis: {
    min: 0,
    title: { text: 'Percentage of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      return '<b>'+ this.x +' ms</b><br/>'+
      this.series.name +': '+ this.y +' %<br/>'+
      'Total: '+ this.point.stackTotal + ' %';
    }
  },
  plotOptions: {
    series: {
      groupPadding: 0,
      stacking: 'normal',
	    shadow: true
    }
  },
  series: [
  	{
type: 'column',
color: '#68b65c',
name: 'OK',
data: [
  
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
},
  	{
type: 'column',
color: '#f15b4f',
name: 'KO',
data: [
  82.05,17.44,0.4,0.07,0.02
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
}
  ]
});

responsetimeDistributionChart.setTitle({
  text: '<span class="chart_title">Response Time Distribution</span>',
  useHTML: true
});

var responsetimepercentilesovertimeokPercentiles = unpack([[1692801476,null],[1692801477,null],[1692801478,null],[1692801479,null],[1692801480,null],[1692801481,null],[1692801482,null],[1692801483,null],[1692801484,null],[1692801485,null],[1692801486,null],[1692801487,null],[1692801488,null],[1692801489,null],[1692801490,null],[1692801491,null],[1692801492,null],[1692801493,null],[1692801494,null],[1692801495,null],[1692801496,null],[1692801497,null],[1692801498,null],[1692801499,null],[1692801500,null],[1692801501,null],[1692801502,null],[1692801503,null],[1692801504,null],[1692801505,null],[1692801506,null],[1692801507,null],[1692801508,null],[1692801509,null],[1692801510,null],[1692801511,null],[1692801512,null],[1692801513,null],[1692801514,null],[1692801515,null],[1692801516,null],[1692801517,null],[1692801518,null],[1692801519,null],[1692801520,null],[1692801521,null],[1692801522,null],[1692801523,null],[1692801524,null],[1692801525,null],[1692801526,null],[1692801527,null],[1692801528,null],[1692801529,null],[1692801530,null],[1692801531,null],[1692801532,null],[1692801533,null],[1692801534,null],[1692801535,null],[1692801536,null],[1692801537,null],[1692801538,null],[1692801539,null],[1692801540,null],[1692801541,null],[1692801542,null],[1692801543,null],[1692801544,null],[1692801545,null],[1692801546,null],[1692801547,null],[1692801548,null],[1692801549,null],[1692801550,null],[1692801551,null],[1692801552,null],[1692801553,null],[1692801554,null],[1692801555,null],[1692801556,null],[1692801557,null],[1692801558,null],[1692801559,null],[1692801560,null],[1692801561,null],[1692801562,null],[1692801563,null],[1692801564,null],[1692801565,null],[1692801566,null],[1692801567,null],[1692801568,null],[1692801569,null],[1692801570,null],[1692801571,null],[1692801572,null],[1692801573,null],[1692801574,null],[1692801575,null],[1692801576,null],[1692801577,null],[1692801578,null],[1692801579,null],[1692801580,null],[1692801581,null],[1692801582,null],[1692801583,null],[1692801584,null],[1692801585,null],[1692801586,null],[1692801587,null],[1692801588,null],[1692801589,null],[1692801590,null],[1692801591,null],[1692801592,null],[1692801593,null],[1692801594,null],[1692801595,null],[1692801596,null],[1692801597,null],[1692801598,null],[1692801599,null],[1692801600,null],[1692801601,null],[1692801602,null],[1692801603,null],[1692801604,null],[1692801605,null],[1692801606,null],[1692801607,null],[1692801608,null],[1692801609,null],[1692801610,null],[1692801611,null],[1692801612,null],[1692801613,null],[1692801614,null],[1692801615,null],[1692801616,null],[1692801617,null],[1692801618,null],[1692801619,null],[1692801620,null],[1692801621,null],[1692801622,null],[1692801623,null],[1692801624,null],[1692801625,null],[1692801626,null],[1692801627,null],[1692801628,null],[1692801629,null],[1692801630,null],[1692801631,null],[1692801632,null],[1692801633,null],[1692801634,null],[1692801635,null],[1692801636,null],[1692801637,null],[1692801638,null],[1692801639,null],[1692801640,null],[1692801641,null],[1692801642,null],[1692801643,null],[1692801644,null],[1692801645,null],[1692801646,null],[1692801647,null],[1692801648,null],[1692801649,null],[1692801650,null],[1692801651,null],[1692801652,null],[1692801653,null],[1692801654,null],[1692801655,null],[1692801656,null],[1692801657,null],[1692801658,null],[1692801659,null],[1692801660,null],[1692801661,null],[1692801662,null],[1692801663,null],[1692801664,null],[1692801665,null],[1692801666,null],[1692801667,null],[1692801668,null],[1692801669,null],[1692801670,null],[1692801671,null],[1692801672,null],[1692801673,null],[1692801674,null],[1692801675,null],[1692801676,null],[1692801677,null],[1692801678,null],[1692801679,null],[1692801680,null]]);

var responsetimepercentilesovertimeokPercentilesChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responsetimepercentilesovertimeokPercentilesContainer',
    zoomType: 'x',
    marginBottom: 60
  },
  colors: ['#c4fd90', '#7ff77f', '#6ff2ad', '#61ede6', '#58c7e0', '#4ea1d4', '#487ad9', '#3f52cc', '#7335dc', '#c73905', '#FFA900'],
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false,
    baseSeries: 9
  },
  rangeSelector: {
    rangeSelector: { align: "left" },
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#92918C',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Response Time (ms)' },
      opposite: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  plotOptions: {
    arearange: { lineWidth: 1 },
    series: {
      dataGrouping: { enabled: false }
    }
  },
  series: [
  
    
         {
pointInterval: 1000,
name: 'min',
data: responsetimepercentilesovertimeokPercentiles[0],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 10
},
         {
pointInterval: 1000,
name: '25%',
data: responsetimepercentilesovertimeokPercentiles[1],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 9
},
         {
pointInterval: 1000,
name: '50%',
data: responsetimepercentilesovertimeokPercentiles[2],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 8
},
         {
pointInterval: 1000,
name: '75%',
data: responsetimepercentilesovertimeokPercentiles[3],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 7
},
         {
pointInterval: 1000,
name: '80%',
data: responsetimepercentilesovertimeokPercentiles[4],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 6
},
         {
pointInterval: 1000,
name: '85%',
data: responsetimepercentilesovertimeokPercentiles[5],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 5
},
         {
pointInterval: 1000,
name: '90%',
data: responsetimepercentilesovertimeokPercentiles[6],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 4
},
         {
pointInterval: 1000,
name: '95%',
data: responsetimepercentilesovertimeokPercentiles[7],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 3
},
         {
pointInterval: 1000,
name: '99%',
data: responsetimepercentilesovertimeokPercentiles[8],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 2
},
         {
pointInterval: 1000,
name: 'max',
data: responsetimepercentilesovertimeokPercentiles[9],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 1
},
  allUsersData
  ]
});

responsetimepercentilesovertimeokPercentilesChart.setTitle({
  text: '<span class="chart_title chart_title_">Response Time Percentiles over Time (OK)</span>',
  useHTML: true
});

var requests = unpack([[1692801476,[2,0,2]],[1692801477,[2,0,2]],[1692801478,[2,0,2]],[1692801479,[2,0,2]],[1692801480,[2,0,2]],[1692801481,[2,0,2]],[1692801482,[2,0,2]],[1692801483,[2,0,2]],[1692801484,[2,0,2]],[1692801485,[2,0,2]],[1692801486,[2,0,2]],[1692801487,[2,0,2]],[1692801488,[2,0,2]],[1692801489,[2,0,2]],[1692801490,[2,0,2]],[1692801491,[2,0,2]],[1692801492,[2,0,2]],[1692801493,[2,0,2]],[1692801494,[2,0,2]],[1692801495,[2,0,2]],[1692801496,[2,0,2]],[1692801497,[2,0,2]],[1692801498,[2,0,2]],[1692801499,[2,0,2]],[1692801500,[2,0,2]],[1692801501,[4,0,4]],[1692801502,[6,0,6]],[1692801503,[6,0,6]],[1692801504,[6,0,6]],[1692801505,[7,0,7]],[1692801506,[7,0,7]],[1692801507,[7,0,7]],[1692801508,[8,0,8]],[1692801509,[7,0,7]],[1692801510,[8,0,8]],[1692801511,[8,0,8]],[1692801512,[8,0,8]],[1692801513,[8,0,8]],[1692801514,[8,0,8]],[1692801515,[9,0,9]],[1692801516,[9,0,9]],[1692801517,[9,0,9]],[1692801518,[9,0,9]],[1692801519,[10,0,10]],[1692801520,[9,0,9]],[1692801521,[10,0,10]],[1692801522,[10,0,10]],[1692801523,[10,0,10]],[1692801524,[11,0,11]],[1692801525,[11,0,11]],[1692801526,[10,0,10]],[1692801527,[11,0,11]],[1692801528,[11,0,11]],[1692801529,[12,0,12]],[1692801530,[11,0,11]],[1692801531,[12,0,12]],[1692801532,[11,0,11]],[1692801533,[12,0,12]],[1692801534,[13,0,13]],[1692801535,[12,0,12]],[1692801536,[13,0,13]],[1692801537,[13,0,13]],[1692801538,[13,0,13]],[1692801539,[13,0,13]],[1692801540,[13,0,13]],[1692801541,[14,0,14]],[1692801542,[13,0,13]],[1692801543,[14,0,14]],[1692801544,[14,0,14]],[1692801545,[15,0,15]],[1692801546,[14,0,14]],[1692801547,[15,0,15]],[1692801548,[15,0,15]],[1692801549,[15,0,15]],[1692801550,[15,0,15]],[1692801551,[16,0,16]],[1692801552,[15,0,15]],[1692801553,[16,0,16]],[1692801554,[16,0,16]],[1692801555,[16,0,16]],[1692801556,[17,0,17]],[1692801557,[16,0,16]],[1692801558,[17,0,17]],[1692801559,[17,0,17]],[1692801560,[17,0,17]],[1692801561,[18,0,18]],[1692801562,[17,0,17]],[1692801563,[18,0,18]],[1692801564,[17,0,17]],[1692801565,[19,0,19]],[1692801566,[18,0,18]],[1692801567,[18,0,18]],[1692801568,[19,0,19]],[1692801569,[19,0,19]],[1692801570,[19,0,19]],[1692801571,[19,0,19]],[1692801572,[20,0,20]],[1692801573,[19,0,19]],[1692801574,[20,0,20]],[1692801575,[20,0,20]],[1692801576,[20,0,20]],[1692801577,[20,0,20]],[1692801578,[21,0,21]],[1692801579,[21,0,21]],[1692801580,[21,0,21]],[1692801581,[21,0,21]],[1692801582,[22,0,22]],[1692801583,[21,0,21]],[1692801584,[22,0,22]],[1692801585,[22,0,22]],[1692801586,[22,0,22]],[1692801587,[22,0,22]],[1692801588,[22,0,22]],[1692801589,[23,0,23]],[1692801590,[23,0,23]],[1692801591,[23,0,23]],[1692801592,[23,0,23]],[1692801593,[23,0,23]],[1692801594,[24,0,24]],[1692801595,[24,0,24]],[1692801596,[24,0,24]],[1692801597,[24,0,24]],[1692801598,[24,0,24]],[1692801599,[25,0,25]],[1692801600,[24,0,24]],[1692801601,[25,0,25]],[1692801602,[25,0,25]],[1692801603,[25,0,25]],[1692801604,[26,0,26]],[1692801605,[26,0,26]],[1692801606,[26,0,26]],[1692801607,[26,0,26]],[1692801608,[26,0,26]],[1692801609,[26,0,26]],[1692801610,[27,0,27]],[1692801611,[26,0,26]],[1692801612,[27,0,27]],[1692801613,[27,0,27]],[1692801614,[28,0,28]],[1692801615,[28,0,28]],[1692801616,[27,0,27]],[1692801617,[28,0,28]],[1692801618,[28,0,28]],[1692801619,[29,0,29]],[1692801620,[28,0,28]],[1692801621,[29,0,29]],[1692801622,[28,0,28]],[1692801623,[29,0,29]],[1692801624,[30,0,30]],[1692801625,[29,0,29]],[1692801626,[30,0,30]],[1692801627,[30,0,30]],[1692801628,[30,0,30]],[1692801629,[30,0,30]],[1692801630,[30,0,30]],[1692801631,[31,0,31]],[1692801632,[30,0,30]],[1692801633,[31,0,31]],[1692801634,[31,0,31]],[1692801635,[32,0,32]],[1692801636,[31,0,31]],[1692801637,[32,0,32]],[1692801638,[32,0,32]],[1692801639,[32,0,32]],[1692801640,[33,0,33]],[1692801641,[32,0,32]],[1692801642,[33,0,33]],[1692801643,[33,0,33]],[1692801644,[33,0,33]],[1692801645,[33,0,33]],[1692801646,[33,0,33]],[1692801647,[34,0,34]],[1692801648,[33,0,33]],[1692801649,[34,0,34]],[1692801650,[35,0,35]],[1692801651,[34,0,34]],[1692801652,[35,0,35]],[1692801653,[34,0,34]],[1692801654,[35,0,35]],[1692801655,[35,0,35]],[1692801656,[36,0,36]],[1692801657,[35,0,35]],[1692801658,[35,0,35]],[1692801659,[36,0,36]],[1692801660,[36,0,36]],[1692801661,[37,0,37]],[1692801662,[36,0,36]],[1692801663,[37,0,37]],[1692801664,[37,0,37]],[1692801665,[37,0,37]],[1692801666,[37,0,37]],[1692801667,[37,0,37]],[1692801668,[37,0,37]],[1692801669,[38,0,38]],[1692801670,[38,0,38]],[1692801671,[38,0,38]],[1692801672,[39,0,39]],[1692801673,[38,0,38]],[1692801674,[39,0,39]],[1692801675,[39,0,39]],[1692801676,[39,0,39]],[1692801677,[39,0,39]],[1692801678,[39,0,39]],[1692801679,[40,0,40]],[1692801680,[58,0,58]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'requests',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of requests' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: requests[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData
  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of requests per second</span>',
  useHTML: true
});

var responses = unpack([[1692801476,[2,0,2]],[1692801477,[2,0,2]],[1692801478,[2,0,2]],[1692801479,[2,0,2]],[1692801480,[2,0,2]],[1692801481,[2,0,2]],[1692801482,[2,0,2]],[1692801483,[2,0,2]],[1692801484,[2,0,2]],[1692801485,[2,0,2]],[1692801486,[2,0,2]],[1692801487,[2,0,2]],[1692801488,[2,0,2]],[1692801489,[2,0,2]],[1692801490,[2,0,2]],[1692801491,[2,0,2]],[1692801492,[2,0,2]],[1692801493,[2,0,2]],[1692801494,[2,0,2]],[1692801495,[2,0,2]],[1692801496,[2,0,2]],[1692801497,[2,0,2]],[1692801498,[2,0,2]],[1692801499,[2,0,2]],[1692801500,[2,0,2]],[1692801501,[4,0,4]],[1692801502,[6,0,6]],[1692801503,[6,0,6]],[1692801504,[6,0,6]],[1692801505,[7,0,7]],[1692801506,[7,0,7]],[1692801507,[7,0,7]],[1692801508,[8,0,8]],[1692801509,[7,0,7]],[1692801510,[8,0,8]],[1692801511,[8,0,8]],[1692801512,[8,0,8]],[1692801513,[8,0,8]],[1692801514,[8,0,8]],[1692801515,[9,0,9]],[1692801516,[9,0,9]],[1692801517,[9,0,9]],[1692801518,[9,0,9]],[1692801519,[10,0,10]],[1692801520,[9,0,9]],[1692801521,[10,0,10]],[1692801522,[10,0,10]],[1692801523,[10,0,10]],[1692801524,[11,0,11]],[1692801525,[11,0,11]],[1692801526,[10,0,10]],[1692801527,[10,0,10]],[1692801528,[12,0,12]],[1692801529,[12,0,12]],[1692801530,[11,0,11]],[1692801531,[12,0,12]],[1692801532,[11,0,11]],[1692801533,[12,0,12]],[1692801534,[13,0,13]],[1692801535,[12,0,12]],[1692801536,[13,0,13]],[1692801537,[13,0,13]],[1692801538,[13,0,13]],[1692801539,[13,0,13]],[1692801540,[13,0,13]],[1692801541,[14,0,14]],[1692801542,[13,0,13]],[1692801543,[14,0,14]],[1692801544,[14,0,14]],[1692801545,[15,0,15]],[1692801546,[14,0,14]],[1692801547,[15,0,15]],[1692801548,[15,0,15]],[1692801549,[15,0,15]],[1692801550,[15,0,15]],[1692801551,[16,0,16]],[1692801552,[15,0,15]],[1692801553,[16,0,16]],[1692801554,[16,0,16]],[1692801555,[16,0,16]],[1692801556,[17,0,17]],[1692801557,[16,0,16]],[1692801558,[17,0,17]],[1692801559,[17,0,17]],[1692801560,[17,0,17]],[1692801561,[18,0,18]],[1692801562,[17,0,17]],[1692801563,[18,0,18]],[1692801564,[17,0,17]],[1692801565,[19,0,19]],[1692801566,[18,0,18]],[1692801567,[18,0,18]],[1692801568,[19,0,19]],[1692801569,[19,0,19]],[1692801570,[19,0,19]],[1692801571,[19,0,19]],[1692801572,[20,0,20]],[1692801573,[19,0,19]],[1692801574,[20,0,20]],[1692801575,[20,0,20]],[1692801576,[20,0,20]],[1692801577,[20,0,20]],[1692801578,[21,0,21]],[1692801579,[21,0,21]],[1692801580,[21,0,21]],[1692801581,[21,0,21]],[1692801582,[22,0,22]],[1692801583,[21,0,21]],[1692801584,[22,0,22]],[1692801585,[22,0,22]],[1692801586,[22,0,22]],[1692801587,[22,0,22]],[1692801588,[22,0,22]],[1692801589,[23,0,23]],[1692801590,[23,0,23]],[1692801591,[23,0,23]],[1692801592,[23,0,23]],[1692801593,[23,0,23]],[1692801594,[24,0,24]],[1692801595,[24,0,24]],[1692801596,[24,0,24]],[1692801597,[24,0,24]],[1692801598,[24,0,24]],[1692801599,[25,0,25]],[1692801600,[24,0,24]],[1692801601,[25,0,25]],[1692801602,[25,0,25]],[1692801603,[25,0,25]],[1692801604,[26,0,26]],[1692801605,[26,0,26]],[1692801606,[26,0,26]],[1692801607,[26,0,26]],[1692801608,[26,0,26]],[1692801609,[26,0,26]],[1692801610,[27,0,27]],[1692801611,[26,0,26]],[1692801612,[27,0,27]],[1692801613,[27,0,27]],[1692801614,[28,0,28]],[1692801615,[28,0,28]],[1692801616,[27,0,27]],[1692801617,[28,0,28]],[1692801618,[28,0,28]],[1692801619,[29,0,29]],[1692801620,[28,0,28]],[1692801621,[29,0,29]],[1692801622,[28,0,28]],[1692801623,[29,0,29]],[1692801624,[30,0,30]],[1692801625,[29,0,29]],[1692801626,[30,0,30]],[1692801627,[30,0,30]],[1692801628,[30,0,30]],[1692801629,[30,0,30]],[1692801630,[30,0,30]],[1692801631,[31,0,31]],[1692801632,[30,0,30]],[1692801633,[31,0,31]],[1692801634,[31,0,31]],[1692801635,[32,0,32]],[1692801636,[31,0,31]],[1692801637,[32,0,32]],[1692801638,[32,0,32]],[1692801639,[32,0,32]],[1692801640,[33,0,33]],[1692801641,[32,0,32]],[1692801642,[33,0,33]],[1692801643,[33,0,33]],[1692801644,[33,0,33]],[1692801645,[33,0,33]],[1692801646,[33,0,33]],[1692801647,[34,0,34]],[1692801648,[33,0,33]],[1692801649,[34,0,34]],[1692801650,[35,0,35]],[1692801651,[34,0,34]],[1692801652,[35,0,35]],[1692801653,[34,0,34]],[1692801654,[35,0,35]],[1692801655,[35,0,35]],[1692801656,[36,0,36]],[1692801657,[35,0,35]],[1692801658,[35,0,35]],[1692801659,[36,0,36]],[1692801660,[36,0,36]],[1692801661,[37,0,37]],[1692801662,[36,0,36]],[1692801663,[37,0,37]],[1692801664,[37,0,37]],[1692801665,[37,0,37]],[1692801666,[37,0,37]],[1692801667,[37,0,37]],[1692801668,[37,0,37]],[1692801669,[38,0,38]],[1692801670,[38,0,38]],[1692801671,[38,0,38]],[1692801672,[39,0,39]],[1692801673,[38,0,38]],[1692801674,[39,0,39]],[1692801675,[39,0,39]],[1692801676,[39,0,39]],[1692801677,[39,0,39]],[1692801678,[39,0,39]],[1692801679,[40,0,40]],[1692801680,[58,0,58]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responses',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of responses' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: responses[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
},
{
color: '#68b65c',
name: 'OK',
data: responses[1],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
{
color: '#f15b4f',
name: 'KO',
data: responses[2],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData,
{
  
type: 'pie',
name: 'Distribution',
data: [
  {name: 'OK', y: 0.0, color: '#68b65c'},{name: 'KO', y: 4190.0, color: '#f15b4f'}
],
center: [775, -40],
size: 70,
showInLegend: false,
dataLabels: { enabled: false },
dataGrouping: { enabled: false }

}

  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of responses per second</span>',
  useHTML: true
});

var scatterChart = new Highcharts.Chart({
  chart: {
    renderTo: 'container_response_time_dispersion', 
    defaultSeriesType: 'scatter',
    zoomType: 'xy',
    marginBottom: 90
  },
  credits: { enabled: false },
  xAxis: {
    title: {
      enabled: true,
      text: 'Global number of requests per second',
      style: { fontWeight: 'bold' }
    },
    startOnTick: true,
    endOnTick: true,
    showLastLabel: true,
    min: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  yAxis: {
    min: 0,
    title: { text: 'Response Time (ms)' }
  },
  tooltip: {
    formatter: function() {
         return ''+ this.y +' ms at ' + this.x + ' allreq/s';
    }
  },
  legend: {
    enabled: true,
    floating: true,
    y: 0,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
  },
  plotOptions: {
    scatter: {
      marker: {
        radius: 3,
        states: {
          hover: {
            enabled: true,
            lineColor: 'rgb(100,100,100)'
          }
        }
      },
      states: {
        hover: {
          marker: { enabled: false }
        }
      }
    }
  },
  series: [
	  {
type: 'scatter',
color: '#68b65c',
name: 'OK',
data: [
[]
]},
	  {
type: 'scatter',
color: '#f15b4f',
name: 'KO',
data: [
[5,1],[5,1],[6,2],[6,1],[6,1],[6,1],[6,1],[6,1],[6,1],[6,1],[6,1],[6,1],[6,1],[8,1],[8,0],[8,1],[9,1],[9,1],[9,0],[9,0],[10,1],[10,1],[11,1],[11,0],[12,1],[15,1],[22,1],[25,1],[30,1],[35,1],[38,1],[41,1],[47,1],[51,1],[55,1],[58,1],[62,1],[66,1],[70,0],[75,1],[78,0],[82,1],[87,2],[90,0],[94,1],[99,1],[103,0],[105,0],[112,0],[115,0],[118,2],[121,2],[127,0],[131,1],[135,1],[138,1],[142,1],[146,1],[151,1],[155,1],[159,1],[163,1],[167,0],[170,0],[175,1],[178,1],[182,1],[186,0],[191,1],[195,1],[199,1],[202,1],[207,1],[210,0],[215,0],[221,1],[222,1],[226,1],[231,1],[234,1],[240,1],[242,1],[247,0],[250,0],[256,1],[260,0],[261,0],[268,1],[270,1],[276,1],[278,0],[283,1],[287,1],[291,1],[295,1],[299,0],[303,1],[306,1],[312,0],[314,0],[320,0],[323,0],[327,1],[331,1],[336,1],[339,0],[343,0],[346,1],[352,1],[355,0],[359,0],[363,0],[367,0],[372,0],[376,0],[379,0],[382,1],[387,1],[392,1],[395,1],[399,1],[403,1],[407,0],[412,0],[415,1],[419,0],[423,0],[427,0],[432,0],[436,1],[439,1],[443,0],[447,1],[452,1],[456,0],[459,1],[463,1],[467,0],[472,0],[477,1],[479,0],[482,0],[487,0],[493,0],[495,0],[500,0],[502,0],[508,0],[512,0],[515,0],[520,0],[524,1],[527,0],[533,0],[535,0],[539,0],[544,0],[547,0],[551,0],[557,0],[560,1],[563,1],[568,1],[571,1],[577,0],[580,0],[583,0],[588,0],[592,0],[596,0],[598,0],[605,0],[607,0],[612,0],[617,0],[621,0],[623,1],[627,1],[633,1],[635,1],[641,0],[643,0],[648,1],[651,1],[657,0],[661,1],[662,0],[669,1],[671,1],[677,1],[680,1],[684,0],[686,1],[693,0],[697,1],[701,1],[704,1],[706,1],[713,0],[717,0],[720,0],[724,1],[728,1],[733,1],[1069,0]
]}
	]
});

scatterChart.setTitle({
  text: '<span class="chart_title">Response Time against Global Throughput</span>',
  useHTML: true
});

    });
</script>
</div>
</body>
</html>
